<li>

              <div class=teapo-file-name>FileTree.ts</div>

              <pre class=teapo-file-content>Some file ok</pre>

            </li>

            <li>

              <div class=teapo-file-name>FileTree1.ts</div>

              <pre class=teapo-file-content>Some file one OK</pre>

            </li>

            <li>

              <div class=teapo-dir-name>src</div>

              <ul>

                <li>

                  <div class=teapo-file-name>sub.txt</div>

                  <pre class=teapo-file-content>sub.txt content</pre>

                </li>

                <li>

                  <div class=teapo-file-name>zero.txt</div>

                  <pre class=teapo-file-content>sub.txt content</pre>

                </li>

              </ul>

            </li>

          </ul>

        </li>

        <li>

          <div class=teapo-file-name>boom.txt</div>

          <pre class=teapo-file-content>What is this?</pre>

        </li>

      </ul>

    </div>

  </div>

</div>

<script>try { teapo.app.start(); } catch (err) { alert(err+' '+err.stack); }</script>

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js">

{

    overrideConsole: true,

    startInNewWindow: false,

    startOpened: true

}

</script>

</body>

</html>